<script setup>
import { useCounterStore } from '@/stores/counter'

const counterStore = useCounterStore()

function handleCount() {
  counterStore.increment()
}
</script>

<template>
  <div lg="min-h-100vh flex flex-col justify-center">
    <h1>This is an about page</h1>
    <button w-40 rounded border-none bg-green="3 hover:2 active:1" pa-1 @click="handleCount">
      计数器: {{ counterStore.count }}
    </button>
  </div>
</template>
